iOS SimulatorのPerf Monitor
from ReactNativeのパフォーマンス
https://gyazo.com/91bdf6010d593f469f03706eeee62080
iOS SimulatorのPerf Monitorの見方や意味
docs
RAM
#??
指標と改善の仕方
例えば上の画像のように424MBなのは「良い」のか「悪い」のか
JSC ref
JavaScriptCore (JSC) managed heapのサイズ
#??
指標と改善の仕方
いくらぐらいなら良いのか、逆に悪いのか
どうやれば増えるのか、減るのか
Viewsの2つの数値 ref ref2
上が今表示されている画面内にあるView
下は現在描画されている全てのView
つまり、画面外でレイアウト計算されているものなども含む
これらの値が離れすぎていると、不要なレイアウトの計算などの処理が走っていることを表す
え、Viewsって「Viewコンポーネント」の個数のこと？
1800もある事自体は良いのか #??
ex. https://gyazo.com/6f053674e743c8e40cb596b9d8f5f46f
Frame Rate
数値はRNのフレームレートを表す
RNは60fpsを提供するので、0~60の間で揺れる
60に近いほど滑らか、0に近いほどカクつく
60を保つためには、ReactNativeの仕組みの2つのThreadが、16.67ms以内でフレーム生成する必要がある
$ 1/60=0.0166\dots(s)ねmrsekut.icon
16.67ms以内に生成できない場合はフレームがdropされ、カクつきの原因となる
後ろの灰色のやつはグラフになっている
これは良いもの。常に60を保っている
https://gyazo.com/44d5a6dd16b16fac13ea34338d24edd3
これは良くないもの。かなり低い箇所が見られる
https://gyazo.com/3060b08bd36206e705d41165d3d16cd3
UIのframe rate
Native/Main Thread
あまりわからない、ここはどうすれば改善できる #??
JSのframe rate ref
JavaScript Threadがフレームに応答しないと、フレームはdropされる
そのため数値が60から減っていく
60になっているのが正常で理想の状態
59以下は全て好ましくない状態ではある
JS側の処理が重い場合になる
例えばNavigatorの遷移中などに起こりがち
再rendering多すぎのときとか